#WeatherContainer{



    margin-top:22px;

    width:100%;

    font-family:Helvetica;

    font-size:12px;

    color: black;

	font-weight:bold;

}



#TextContainer{

	position:absolute;

	top:10px;

	left:0px;

    font-size:13px;

    font-family: Helvetica;

    margin:none;

    width:320px;

    z-index:1;

	padding-top:0px;

}

#Underlay {

	position: absolute;		

	width: 320px;

	height: 480px;

	top: -30px;

	left: 0px;

	opacity: 1;

	overflow: hidden;

	z-index: 0;

}


#city{

    text-transform:capitalize;

    padding-left:0px;

	text-transform:capitalize;

    text-align:center;

	float:left;

	color:transparent;

	text-shadow:none;

}



#desc{

    text-transform:capitalize;

    text-align:center;

	float:center;

   padding-top:220px; 

	opacity:1;



}



#temp{

	position:absolute;
 
	left: 145px;

	top: 83px;
 

	font-size:16px;



       

}





#weatherIcon{

	height:122px;

	width:122px;

	position:absolute;

	top:125px;

	left:99px;

	opacity:1;

	Z-index:8;



}



#ForecastDay {



    font-size:12px;

    font-family: Helvetica;

    margin:none;

    width:320px;

	padding-bottom:1px;

	z-index:9;

}

#day0{position:absolute;

top:115px;

left:100px;

z-index:11;

opacity:0;



}

#day1{position:absolute;

top:268px;

left:47px;

z-index:11;

}



#day2{position:absolute;

top:268px;

left:115px;

z-index:11;

}



#day3{position:absolute;

top:268px;

left:183px;

z-index:11;

}



#day4{position:absolute;

top:268px;

left:251px;

z-index:11;

}

#day5{position:absolute;

top:83px;

left:245px; opacity:0;

}







#ForecastIcon{

    font-size:12px;

    font-family: Helvetica;

    margin:none;

    width:320px;

	padding-bottom:1px;

	z-index:8;

}



#wIcon0, #wIcon1, #wIcon2, #wIcon3, #wIcon4, #wIcon5 { height:70px;width:70px;}



#icon0{position:absolute;

top:19px;

left:110px;

opacity:0;

}

#icon1{position:absolute;

top:280px;

left:23px;

}

#icon2{position:absolute;

top:280px;

left:91px;

}

#icon3{position:absolute;

top:280px;

left:159px;

}

#icon4{position:absolute;

top:280px;

left:227px;

}

#icon5{position:absolute;

top:57px;

left:125px;

opacity:0;

}



#ForecastTemp {

    font-size:10px;

    font-family: Helvetica;

    margin:none;

    width:320px;

	padding-bottom:1px;

	opacity:1;

}





#hi1, #hi2, #hi3, #hi4, #hi5, #hi0{color:black;} #low1, #low2, #low3, #low4, #low5, #low0 {color:#333333;}





#temp0{ 

	position:absolute;

	width:59px;

	height:59px;

	top:115px;

	left:95px;

	z-index:11;

}

#hi0{

	position:absolute;

	top:100px;

	padding-left:126px;

	font-size:14px;

}

#low0{

	position:absolute;

	top:100px;

	left:-15px;

	padding-right:2px;

	font-size:14px;

	color: black;

}

#temp1{

	position:absolute;

	width:59px;

	height:59px;

	top:270px;

	left:23px;

	z-index:11;

}

#hi1{

	position:absolute;

	top:76px;

	padding-left:51px;



}



#low1{

	position:absolute;

	top:76px;

	padding-left:6px;

}

#temp2{

	position:absolute;

	width:59px;

	height:59px;

	top:270px;

	left:91px;

	z-index:11;

}



#hi2{

	position:absolute;

	top:76px;

	padding-left:51px;



}



#low2{

	position:absolute;

	top:76px;

	padding-left:6px;

}

#temp3{

	position:absolute;

	width:59px;

	height:59px;

	top:270px;

	left:159px;

	z-index:11;

}

#hi3{

	position:absolute;

	top:76px;

	padding-left:51px;

}

#low3{

	position:absolute;

	top:76px;

	padding-left:6px;

}	

#temp4{

	position:absolute;

	width:59px;

	height:59px;

	top:270px;

	left:227px;

	z-index:11;

} 

#hi4{

	position:absolute;

	top:76px;

	padding-left:51px;

}

#low4{

	position:absolute;

	top:76px;

	padding-left:6px;

}	

#temp5{

	opacity:0;}
